<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小兔仙-个人中心</title>
  <link rel="stylesheet" href="./css/init.css">
  <link rel="stylesheet" href="./css/homepage.css">
  <link rel="stylesheet" href="./css/user-center.css">
  <link rel="stylesheet" href="./fonts/font_k2ets6bvwt/iconfont.css">
  <link rel="stylesheet" href="./css/swiper.min.css">

  <!-- <link rel="stylesheet" href="./css/demo.css"> -->

</head>

<body>
  <!-- 个人中心 -->
  <section class="xtx_topnav">
    <!-- 版心 -->
    <div class="w">
      <ul class="xtx_nav">
        <li>
          <a href="#">
            <i class="people iconfont icon-ren111"></i>demo</a>
        </li>
        <li>
          <a href="./index1.html">退出登录</a>
        </li>
        <li>
          <a href="./user-center.html">我的订单</a>
        </li>
        <li>
          <a href="#">会员中心</a>
        </li>
        <li>
          <a href="#">帮助中心</a>
        </li>
        <li>
          <a href="#">关于我们</a>
        </li>
        <li>
          <a href="#"><i class="phone iconfont icon-shouji"></i>手机版</a>
        </li>

      </ul>
    </div>
  </section>
  <!-- 头部模块 -->
  <header class="xtx_head">
    <!-- 版心 -->
    <div class="w clearfix">
      <!-- log模块 -->
      <h1 class="xtx_log fl">
        <a href="#">
          <img src="http://erabbit.itheima.net/img/logo.0940ebb5.png" alt="">
        </a>
      </h1>
      <!-- 分类导航 -->
      <div class="xtx_mainNav fl">
        <ul class="clearfix father_ul">
          <li class="father_li">
            <a href="#" class="home">首页</a>
            <div class="xtx_home_layer"></div>
          </li>
          <li class="father_li">
            <a href="#">居家</a>
            <div class="xtx_mainNav_layer">
              <ul>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView"
                      alt="">
                    <p>茶咖酒具</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/45b50d5f8afbd6fdef97314647dcb7db.png?quality=95&imageView"
                      alt="">
                    <p>水具杯壶</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/b42a85ef15f856081ea9f49e5f6893e2.png?quality=95&imageView"
                      alt="">
                    <p>宠物食品</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/e766b09029ca00680d1e651b5cdc42bd.png?quality=95&imageView"
                      alt="">
                    <p>宠物用品</p>
                  </a>
                </li>
              </ul>
            </div>
          </li>
          <li class="father_li">
            <a href="#">美食</a>
            <div class="xtx_mainNav_layer">
              <ul>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView"
                      alt="">
                    <p>网易黑猪</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/cc361cf40d4f81c7eccefed1ad18face.png?quality=95&imageView"
                      alt="">
                    <p>水产海鲜</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/c11f5457dfb38e76f60100c87ecdf0cd.png?quality=95&imageView"
                      alt="">
                    <p>全球美食</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/fe8e9c985d538cc1c1ced011a67ffe69.png?quality=95&imageView"
                      alt="">
                    <p>冷冻冷藏</p>
                  </a>
                </li>
              </ul>
            </div>
          </li>
          <li class="father_li">
            <a href="#">服饰</a>
            <div class="xtx_mainNav_layer">
              <ul>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/57e4f01648100ec94c7bfee35171fdcb.png?quality=95&imageView"
                      alt="">
                    <p>室外拖鞋</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/3f32a302a4cb4afe7d5d89b666566e60.png?quality=95&imageView"
                      alt="">
                    <p>春夏潮鞋</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/b9e005aef67f1a93828847b071114296.png?quality=95&imageView"
                      alt="">
                    <p>飞织系列</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/cc2470afdf28b9a84639703b592da6f7.png?quality=95&imageView"
                      alt="">
                    <p>一脚蹬懒人系列</p>
                  </a>
                </li>
              </ul>
            </div>
          </li>
          <li class="father_li">
            <a href="#">母婴</a>
            <div class="xtx_mainNav_layer">
              <ul>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/1f0089afcec911db7202fbcdae57d5f8.png?quality=95&imageView"
                      alt="">
                    <p>T恤/polo/衬衫</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/bf9f0a32c2b79c6d29de7d0843888b48.png?quality=95&imageView"
                      alt="">
                    <p>卫衣/毛衫</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/8a4be0d65d4a2f3ba36b3af8ee8d9414.png?quality=95&imageView"
                      alt="">
                    <p>外套/套装</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/773677cc0922628152a9b3cbd862426f.png?quality=95&imageView"
                      alt="">
                    <p>连体衣/礼盒</p>
                  </a>
                </li>
              </ul>
            </div>
          </li>
          <li class="father_li">
            <a href="#">个护</a>
            <div class="xtx_mainNav_layer">
              <ul>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/718318c0d3b55d011fcb7c7c843902ce.png?quality=95&imageView"
                      alt="">
                    <p>家庭清洁</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/dfb6142de1bd2f59b251eb8f7c7ea2fb.png?quality=95&imageView"
                      alt="">
                    <p>浴室用品</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/55d927e337c1f6d394359e99ef72a621.png?quality=95&imageView"
                      alt="">
                    <p>餐厨清洁</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/949c5f8b077cf386ff9f1f18bec3408b.png?quality=95&imageView"
                      alt="">
                    <p>毛巾浴巾</p>
                  </a>
                </li>
              </ul>
            </div>
          </li>
          <li class="father_li">
            <a href="#">严选</a>
            <div class="xtx_mainNav_layer">
              <ul>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/00d79ce9acb7285b15f83c92940b557f.png?quality=95&imageView"
                      alt="">
                    <p>卫浴用品</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/b26d34d052d9c780d695bf4b601bfffc.png?quality=95&imageView"
                      alt="">
                    <p>高级珠宝</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/7daf27044470881e8839b46a262d958c.png?quality=95&imageView"
                      alt="">
                    <p>时尚配搭</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/c01b0f1075158c5a5eb1ff9a33347bb8.png?quality=95&imageView"
                      alt="">
                    <p>数码电器</p>
                  </a>
                </li>
              </ul>
            </div>
          </li>
          <li class="father_li">
            <a href="#">数码</a>
            <div class="xtx_mainNav_layer">
              <ul>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/f5797ca77cfe413e7753ec69f9bd4bb1.png?quality=95&imageView"
                      alt="">
                    <p>影音娱乐</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView"
                      alt="">
                    <p>乐器</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/3f45fbcdac7e8532b6a1570e6d7fe171.png?quality=95&imageView"
                      alt="">
                    <p>车载用品</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/801583d2f58274b13dc6a03daed1c3c9.png?quality=95&imageView"
                      alt="">
                    <p>办公文具</p>
                  </a>
                </li>
              </ul>
            </div>
          </li>
          <li class="father_li">
            <a href="#">运动</a>
            <div class="xtx_mainNav_layer">
              <ul>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/2b1edfa6d05445de684b7df854895c0b.png?quality=95&imageView"
                      alt="">
                    <p>登机箱</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/cd44477ca9614ed81ffb58c5cacdab26.png?quality=95&imageView"
                      alt="">
                    <p>托运箱</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/141625f78404b8c81e431084a139b836.png?quality=95&imageView"
                      alt="">
                    <p>出行配件</p>
                  </a>
                </li>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/c6ff77bbb7d0f39622da300f6f5f5442.png?quality=95&imageView"
                      alt="">
                    <p>户外运动鞋</p>
                  </a>
                </li>
              </ul>
            </div>
          </li>
          <li class="father_li">
            <a href="#">杂项</a>
            <div class="xtx_mainNav_layer">
              <ul>
                <li>
                  <a href="#">
                    <img src="https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView"
                      alt="">
                    <p>乐器杂项</p>
                  </a>
                </li>
              </ul>
            </div>
          </li>
        </ul>
      </div>
      <!-- 搜索 -->
      <div class="xtx_search fr">
        <!-- 搜索框 -->
        <div class="xtx_search_des">
          <i class="iconfont icon-search"></i>
          <input type="text" placeholder="搜一搜">
        </div>
        <!-- 购物车 -->
        <a href="./cart.html" class="iconfont icon-a-icon-shopcar">
          <i>7</i>
        </a>
      </div>
    </div>
    <!-- 隐藏夹层 -->
    <div class="hide_father_layer">
      <!-- <div class="hide_layer">
              <ul>
                  <li>
                      <a href="#">
                          <img src="https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView"
                              alt="">
                          <p>茶咖酒具</p>
                      </a>
                  </li>
          </div> -->
    </div>
  </header>
  <!-- 头部隐藏模块 -->
  <div class="xtx_father_hide">
    <!-- <div class="xtx_hide">
          <div class="w">
              <h1 class="xtx_log">
                  <a href="#">
                      <img src="http://erabbit.itheima.net/img/logo.0940ebb5.png" alt="">
                  </a>
              </h1>
              <ul class="hide_nav">
                  <li>
                      <a href="#">首页</a>
                  </li>
              </ul>
          </div>
      </div> -->
  </div>
  <div class="xtx-center w">
    <!-- 左侧边栏 -->
    <div class="left">
      <h4 class="left-nav">我的账户</h4>

      <div class="left-one">
        <a href="./user-center.html">个人中心</a>
        <a href="#">消息通知</a>
        <a href="#">个人信息</a>
        <a href="#">安全设置</a>
        <a href="#">地址管理</a>
        <a href="#">我的积分</a>
        <a href="#">我的足迹</a>
        <a href="#">邀请有礼</a>
        <a href="#">幸运抽奖</a>
      </div>
      <h4 class="left-nav">交易管理</h4>

      <div class="left-one">
        <a href="./my-order.html">我的订单</a>
        <a href="#">优惠卷</a>
        <a href="#">礼品卡</a>
        <a href="#">评价晒单</a>
        <a href="#">交售后服务</a>
      </div>
      <h4 class="left-nav">我的收藏</h4>

      <div class="left-one">
        <a href="#">收藏的商品</a>
        <a href="#">收藏的专题</a>
        <a href="#">关注的品牌</a>
      </div>
      <h4 class="left-nav">帮助中心</h4>

      <div class="left-one">
        <a href="#">帮助中心</a>
        <a href="#">在线客服</a>
      </div>
    </div>

    <!-- 右侧商品列表 -->
    <div class="right">
      <!-- 首列 -->
      <div class="overview">
        <div class="item">
          <div class="act">
            <img src="./images/popular_1.jpg" alt="">
          </div>
          <h4>dome</h4>
        </div>
        <div class="item">
          <a href="#">
            <span class="iconfont icon-31dingwei"></span>
            <p>会员中心</p>
          </a>
          <a href="#">
            <span class="iconfont icon-31dingwei"></span>
            <p>会员中心</p>
          </a>
          <a href="#">
            <span class="iconfont icon-31dingwei"></span>
            <p>会员中心</p>
          </a>
        </div>
      </div>
      <!-- 我的收藏 -->
      <div class="home-panel">
        <div class="header">
          <h4>我的足迹</h4>
          <a href="#">
            <span>查看全部</span>
            <i class="iconfont icon-chevron-right-copy"></i>
          </a>
        </div>
        <div class="list">
          <a href="#">
            <img src="http://zhoushugang.gitee.io/erabbit-client-pc-static/uploads/clothes_goods_6.jpg" alt="">
            <p class="one">外又路样建北究集却候已响保上历</p>
            <p class="two">同山走话</p>
            <p class="three">¥184.63</p>
          </a>
          <a href="#">
            <img src="./images/popular_1.jpg" alt="">
            <p class="one">外又路样建北究集却候已响保上历</p>
            <p class="two">同山走话</p>
            <p class="three">¥184.63</p>
          </a>
          <a href="#">
            <img src="./images/popular_1.jpg" alt="">
            <p class="one">外又路样建北究集却候已响保上历</p>
            <p class="two">同山走话</p>
            <p class="three">¥184.63</p>
          </a>

          <a href="#">
            <img src="./images/popular_1.jpg" alt="">
            <p class="one">外又路样建北究集却候已响保上历</p>
            <p class="two">同山走话vv vb</p>
            <p class="three">¥184.63</p>
          </a>
        </div>
      </div>
      <!-- 我的足迹 -->
      <div class="home-panel">
        <div class="header">
          <h4>我的收藏</h4>
          <a href="#">
            <span>查看全部</span>
            <i class="iconfont icon-chevron-right-copy"></i>
          </a>
        </div>
        <div class="list">
          <a href="#">
            <img src="https://yanxuan-item.nosdn.127.net/fcdcb840a0f5dd754bb8fd2157579012.jpg" alt="" />
            <p class="one">自煮火锅不排队 麦饭石不粘鸳鸯火锅</p>
            <p class="two">清汤鲜香 红汤劲爽</p>
            <p class="three">¥159.00</p>
          </a>
          <a href="#">
            <img src="https://yanxuan-item.nosdn.127.net/fcdcb840a0f5dd754bb8fd2157579012.jpg" alt="" />
            <p class="one">自煮火锅不排队 麦饭石不粘鸳鸯火锅</p>
            <p class="two">清汤鲜香 红汤劲爽</p>
            <p class="three">¥159.00</p>
          </a>
          <a href="#">
            <img src="https://yanxuan-item.nosdn.127.net/fcdcb840a0f5dd754bb8fd2157579012.jpg" alt="" />
            <p class="one">自煮火锅不排队 麦饭石不粘鸳鸯火锅</p>
            <p class="two">清汤鲜香 红汤劲爽</p>
            <p class="three">¥159.00</p>
          </a>
          <a href="#">
            <img src="https://yanxuan-item.nosdn.127.net/fcdcb840a0f5dd754bb8fd2157579012.jpg" alt="" />
            <p class="one">自煮火锅不排队 麦饭石不粘鸳鸯火锅</p>
            <p class="two">清汤鲜香 红汤劲爽</p>
            <p class="three">¥159.00</p>
          </a>

        </div>
      </div>
      <!-- 猜你喜欢 -->
      <div class="home-panel">
        <div class="head">
          <i class="icon"></i>
          <h4>猜你喜欢</h4>
        </div>

        <!-- 轮播图 -->
        <div class="xtx-carousel">
          <ul class="carousel">
            <li class="carousel-item fade">
              <div class="slider">
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/605d71caa460e3c05cb2fd1b2885b9b4.jpg" alt="" />
                  <p class="name ellipsis">儿童字母纯棉POLO衫73-130cm</p>
                  <p class="price">¥99.00</p>
                </a>
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/e7337596de7161c57c27e8d8040231aa.jpg" alt="" />
                  <p class="name ellipsis">
                    情侣款时尚户外轻型徒步鞋环保大底
                  </p>
                  <p class="price">¥364.00</p>
                </a>
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/a078d2c4b8559b0a54430a0dc6460095.jpg" alt="" />
                  <p class="name ellipsis">网易味央黑猪大排330g*1袋</p>
                  <p class="price">¥37.00</p>
                </a>
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/6d09b5d5f964b33f401b0c8a9cbea1ca.png" alt="" />
                  <p class="name ellipsis">
                    索罗娜面料，圆领印花插肩袖T恤110-160cm
                  </p>
                  <p class="price">¥59.00</p>
                </a>
              </div>
            </li>
            <li class="carousel-item">
              <div class="slider">
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/6e289ea8795025fddf3cff60d3f400a1.jpg" alt="" />
                  <p class="name ellipsis">
                    低帮城市休闲户外鞋天然牛皮COOLMAX纤维
                  </p>
                  <p class="price">¥381.00</p>
                </a>
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/ddb4a80ac97a175bc633f0a53076815a.jpg" alt="" />
                  <p class="name ellipsis">
                    儿童多色圆领印花短袖T恤110-160cm
                  </p>
                  <p class="price">¥59.00</p>
                </a>
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/a078d2c4b8559b0a54430a0dc6460095.jpg" alt="" />
                  <p class="name ellipsis">网易味央黑猪大排330g*1袋</p>
                  <p class="price">¥37.00</p>
                </a>
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/1f451c780f5e1e93ced6419f2d3461fd.jpg" alt="" />
                  <p class="name ellipsis">男女经典两带式软木拖鞋</p>
                  <p class="price">¥79.00</p>
                </a>
              </div>
            </li>
            <li class="carousel-item">
              <div class="slider">
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/e47ffac6fe8d65f2d77b449d7ccf2fc3.jpg" alt="" />
                  <p class="name ellipsis">网易味央黑猪猪蹄330g*1袋</p>
                  <p class="price">¥38.90</p>
                </a>
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/e7337596de7161c57c27e8d8040231aa.jpg" alt="" />
                  <p class="name ellipsis">
                    情侣款时尚户外轻型徒步鞋环保大底
                  </p>
                  <p class="price">¥364.00</p>
                </a>
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/45a40a1db47c126a421953b45fa25674.jpg" alt="" />
                  <p class="name ellipsis">网易味央黑猪去骨蹄膀500g*1袋</p>
                  <p class="price">¥65.00</p>
                </a>
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/11fdc566c7183e77bb36913dc79c57e4.jpg" alt="" />
                  <p class="name ellipsis">
                    2021春季新品，宝宝四季连体哈衣59-90cm
                  </p>
                  <p class="price">¥55.00</p>
                </a>
              </div>
            </li>
            <li class="carousel-item">
              <div class="slider">
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/3fbdf00e31de69f049ccde1fb7ba478d.png" alt="" />
                  <p class="name ellipsis">
                    打翻春天调色盘，儿童印花套头卫衣5-16岁
                  </p>
                  <p class="price">¥86.00</p>
                </a>
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/9ad83e8d9670b10a19b30596327cfd14.png" alt="" />
                  <p class="name ellipsis">
                    趣味美食家，儿童圆领印花卫衣5-16岁
                  </p>
                  <p class="price">¥99.00</p>
                </a>
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/33ce94abe337dfd442ce8640401af5fe.jpg" alt="" />
                  <p class="name ellipsis">
                    2021年春季新品，儿童纯棉长袖T恤73-130cm
                  </p>
                  <p class="price">¥59.00</p>
                </a>
                <a href="">
                  <img src="https://yanxuan-item.nosdn.127.net/fc266553a5b00280ab835e83a660ef14.jpg" alt="" />
                  <p class="name ellipsis">
                    智能温控细嘴流速刚刚好咖啡手冲壶电热水壶
                  </p>
                  <p class="price">¥389.00</p>
                </a>
              </div>
            </li>
          </ul>
          <a href="javascript:;" class="carousel-btn prev">
            <i class="iconfont icon-chevron-left-copy"></i>
          </a>
          <a href="javascript:;" class="carousel-btn next">
            <i class="iconfont icon-chevron-right-copy"></i>
          </a>
          <div class="carousel-indicator">
            <ol>
              <li class="active"></li>
              <li></li>
              <li></li>
              <li></li>
            </ol>
          </div>
        </div>
      </div>
    </div>
  </div>
  <footer class="xtx_footer">
    <div class="xtx_contact">
      <!-- 联系模块 -->
      <div class="w">
        <dl class="clearfix">
          <dt>客户服务</dt>
          <dd class="contact_dd fl"><i class="iconfont icon-message-point
              "></i> 在线客服</dd>
          <dd class="contact_dd fl">
            <i class="iconfont icon-question-mark-ring">
            </i>
            问题反馈
          </dd>
        </dl>
        <dl class="clearfix">
          <dt>关于我们</dt>
          <dd class="contact_dd fl"><i class="iconfont icon-a-wechatline
              "></i> 公众号</dd>
          <dd class="contact_dd fl">
            <i class="iconfont icon-xinlangweibo
                      ">
            </i>
            微博
          </dd>
        </dl>
        <dl class="clearfix">
          <dt>下载APP</dt>
          <dd class="vxcode fl">
            <img src="	http://erabbit.itheima.net/img/qrcode.5372a064.jpg" alt="">
          </dd>
          <dd class="app_download">
            <span>扫描二维码</span>
            <span>立马下载APP</span>
            <a href="#">下载页面</a>
          </dd>
        </dl>
        <dl>
          <dt>服务热线</dt>
          <dd class="service_phone">
            400-0000-000
            <b>周一至周日 8:00-18:00</b>
          </dd>
        </dl>
      </div>
    </div>
    <!-- 底部其他 -->
    <div class="final_services">
      <div class="w">
        <!-- 口号 -->
        <div class="xtx_slogan">
          <a href="#">
            <i class="iconfont icon-dakaidexiangzi"></i>
            价格亲民
          </a>
          <a href="#">
            <i class="iconfont icon-dianzan"></i>
            物流快捷
          </a>
          <a href="#">
            <i class="iconfont icon-wuliu"></i>
            品质新鲜
          </a>
        </div>
        <!-- 版权 -->
        <div class="xtx_copyright">
          <p>
            <a href="#" class="xtx_help">关于我们</a>
            <a href="#" class="xtx_help">帮助中心</a>
            <a href="#" class="xtx_help">售后服务</a>
            <a href="#" class="xtx_help">配送与验收</a>
            <a href="#" class="xtx_help">商务合作</a>
            <a href="#" class="xtx_help">搜索推荐</a>
            <a href="#" class="xtx_help">友情链接</a>
          </p>
          <p>CopyRight © 小兔鲜儿</p>
        </div>
      </div>
    </div>
  </footer>
  <script language="javascript">
    var swiper = new Swiper(".mySwiper", {
      cssMode: true,
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
      pagination: {
        el: ".swiper-pagination",
      },
      mousewheel: true,
      keyboard: true,
    });
  </script>
  <script src="./js/user-center.js"></script>
  <script src="./js/swiper.min.js"></script>
  <script src="./js/homepage.js"></script>
</body>

</html>